<template>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
          客户服务管理
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"> 控制台</a></li>
          <li class="active">服务归档</li>
        </ol>
      </section>

      <!-- Main content -->
      <section class="content">
          <div class="row">
            <div class="col-xs-12">
              <div class="box box-solid">
                <div class="box-header">
                  <h3 class="box-title">服务列表</h3>

                  <div class="box-tools">
                    <div class="input-group input-group-sm" style="width: 350px;">
                      <input type="text" name="table_search" class="form-control pull-right" placeholder="客户名称/服务内容" style="margin-right:10px;">
                      <div class="input-group-btn">
                        <button type="submit" class="btn btn-default" title="搜索"><i class="fa fa-search"></i></button>
                        <button type="submit" class="btn btn-default" title="导出"><i class="fa fa-download"></i></button>
                        <button type="submit" class="btn btn-default" title="打印"><i class="fa fa-print"></i></button>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">

                  <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                      <th>客户</th>
                      <th>服务内容</th>
                      <th>类型</th>
                      <th>状态</th>
                      <th>创建人</th>
                      <th>创建时间</th>
                      <th>客户经理</th>
                      <th style="width:200px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>阿里巴巴集团</td>
                      <td>balabalabala</td>
                      <td>咨询</td>
                      <td>已归档</td>
                      <td>张三</td>
                      <td>2018-12-12　12:12</td>
                      <td>李四</td>
                      <td><router-link :to="{ name: 'ServiceArchiveDetail', params: {id:1} }">详情</router-link></td>
                    </tr>
                    </tbody>
                  </table>
                </div>
                <!-- /.box-body -->
                <div class="box-footer clearfix">
                  <ul class="pagination pagination-md pull-right no-margin">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">&raquo;</a></li>
                  </ul>
                </div>
              </div>
              <!-- /.box -->
            </div>
          </div>
      </section>
      <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
</template>

<script>
export default {
}
</script>
